import _ from "lodash";
import "./index.css"; // 如果不配置css webpack对css的编译会失败
import "./index2.less"; // 如果不配置css webpack对css的编译会失败

function component() {
  const element = document.createElement("div");

  // // lodash（目前通过一个 script 引入）对于执行这一行是必需的
  // 使用 import 引入
  element.innerHTML = _.join(["Hello", "webpack"], " ");
  const e2 = document.createElement("input");
  e2.setAttribute("placeholder", "请输入");
  element.append(e2);
  element.classList.add("main");
  // 使用less
  element.classList.add("main2");
  return element;
}

document.body.appendChild(component());
